@charset "UTF-8";

.banertop{
    background-color: #fff;
}
.banertop .banimg{
    width: auto;
    height: 4.69rem;
     /* margin: .12rem 0; */
    border-radius: 5px;
    /* overflow:hidden; */
    /* background-color: aquamarine; */
}
.banertop .banimg img{
    width: 100%;
    height: 4.69rem;
}

.banertop .bannav ul{
    padding:0 .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.87rem;
    text-align: center;
}
.banertop .bannav ul img{
    width: .53rem;
    height:.6rem;
}
.banertop .bannav ul p{
    font:.2rem "微软雅黑";
    color: #343434;
    text-align: center;
    margin-top: .16rem;
}

.xian{
    height: 3.56rem;
    /* width: 7.13rem; */
    /* background-color: aquamarine; */
    display: flex;
    justify-content: space-around;
    margin: 0 auto;
    margin-top: .17rem;
    margin-left: .21rem;
}
.xian .xianleft{
    height: 3.5rem;
    width: 3.5rem;
    position: relative;
    flex-grow: 1;
}
.xian .xianleft img{
    height: 3.5rem;
    width: 3.5rem;
}
.xian .xianleft .xianlefttext{
    position: absolute;
    top:.27rem;
    left:.20rem;
}
.xianlefttext .xiantime{
    width: 3.5rem;
    display: flex;
    justify-content: space-between;
}
.xianlefttext .xiantime h4{
    font:.32rem/.56rem "微软雅黑";
    color: #85A642;
    /* margin-right: .5rem; */
}
.xianlefttext .xiantime a{
    font:.19rem/.56rem "微软雅黑";
    color: #40403F;
    margin-right: .43rem;
}
.xianlefttext p{
    font:.19rem/.4rem "微软雅黑";
    color: #B6CE82;
}
.xian .xianright{
    flex-grow: 1;
}
.xian .xianright .xiantop,
.xian .xianright .xianbottom{
    width: 3.5rem;
    height: 1.70rem;
    margin-bottom: .1rem;
    font:.19rem/.4rem "微软雅黑";
    position: relative;
}
.xian .xianright .xiantop .xiantext,
.xian .xianright .xianbottom .xiantext{
    position: absolute;
    top:.1rem;
    left:.1rem;

}
.xian .xianright img{
    width: 3.5rem;
    height: 1.70rem;
}
.xian .xiantext h4{
    font:.25rem/.09rem "微软雅黑";
}
.xian .xiantop h4{
    color: #FF6040;
}
.xian .xianbottom h4{
    color: #B042FF;
}
.xian .xiantext p{
    font:.19rem/.38rem "微软雅黑";
     color:#CA80FF;
    }
.xian .xiantop p{
    color: #FF9580;
}
.xian .xiantext .fa{
    margin-top: .08rem;
}
.xian .xiantext a{
    font:.18rem/.4rem "微软雅黑";
    color:#ffff;
}
.xian .xiantop a{
    background: linear-gradient(180deg, #FF6040 0%, #FF897F 100%);
    border-radius: 4px 20px 20px 4px;
    padding:.1rem;
}
.xian .xianbottom a{
    background: linear-gradient(180deg, #B042FF 0%, #F58BFF 100%);
    border-radius: 4px 20px 20px 4px;
    padding:.1rem;
}
.order{
    width: 7.10rem;
    /* height: 3.37rem; */
    background-color: #fff;
    margin-left: .21rem;
    margin-top: .23rem;
}
.order ol {
    display: flex;
    justify-content: flex-start;
}
.order .ordernva ul {
    padding-left: .67rem;
    display: flex;
    /* justify-content:flex-start ; */
}
.order .ordernva li {
    line-height: .82rem;
    flex-grow: 1;

    }
.order .ordernva li:first-child {
    font-size: .32rem;
    color:#FF6040;
}
.order  .ordernva li:nth-child(2) {
    font-size: .28rem;
    color:#999999;

}
.order .inorder {
    padding:0 .2rem;
    display: flex;
    justify-content: space-between;
}
.order .inorder img{
    height: 1.6rem;
    width: 1.6rem;
}
.order .inorder p{
 font:.18rem/.54rem "微软雅黑";
    
 color: #333333;
 text-align: center;
}

.contact .contop{
    height: .9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.contact  .contop .contopbt{
    width: 2.21rem;
    height: .3rem;
    border-top: .04rem solid black;
    height: 6px;    
}
.contact  .contop h4{
    width: 1.12rem;
    padding:0 .18rem;
    background-color: #f2f2f2;
    font:.28rem "微软雅黑";
    /* padding:0 .24rem; */
    position: absolute;
}
.contact{
    width:7.04rem;
}
.contact ul{
/*  
    display: flex;   */
    margin-left: .1rem;
    margin-right: .21rem;
    width: 7.1rem;
}
.contact li{
    float: left;
    height: 5.19rem;
    width: 3.45rem;
    margin-left: .1rem;
    margin-top: .17rem;
    background-color: #fff;
    border-radius: .12rem;
    display: flex;
    position: relative;
}
.contact .orimg{
    height: 3.45rem;
    width: 3.45rem;
}
.contact .conimg img{
    height: 3.45rem;
    width: 3.45rem;
}
.contact  .context{
    position: absolute;
    bottom:0;
    left: 0;
    margin: .14rem .10rem;

}
.contact .context h5{
    font:.28rem/.01rem "微软雅黑";
    color: #222222;
}
.contact .context p:first-of-type{
    font:.24rem/.01rem "微软雅黑";
    color: #7E7E7E;
}
.contact .context p:nth-of-type(2){
        height: .88rem;
}
.contact .context p:nth-of-type(2) span:first-child{
    font:.26rem "微软雅黑";
    color: #FF6040;
}
.contact .context p:nth-of-type(2) span:nth-child(2){
    font:.26rem "微软雅黑";
    color: #9E9E9E;
}
/* 
.contact .context  p:nth-of-type(2)::after{
    content: "...";
    color:#9a7a49;
    font-size: .6rem;
    padding-left: 1.49rem;
    
} */
